<template>
	<view class="mysf flex">
		<u-navbar bgColor="#fff">
			<view slot="left" class="align-center">
				<image @click="$tools.back()" src="@/static/login/back3.png" style="width: 36rpx; height: 36rpx"></image>
			</view>
			<view slot="center">
				<view style="font-weight: 600; font-size: 36rpx; color: #333333">切换身份</view>
			</view>
		</u-navbar>
		<view class="flex-column flex-between1" style="flex: 1">
			<view>
				<view class="flex-center1" style="margin-bottom: 34rpx">
					<image src="@/static/mine/sf1.png" style="width: 500rpx; height: 380rpx"></image>
				</view>
				<view class="flex-center1" style="font-weight: 400; font-size: 36rpx; color: #666666">您当前的身份是劳动者</view>
				<u-popup :show="show" @close="close" @open="open" round="40" :closeable="true">
					<view style="padding: 100rpx 0">
						<view class="flex-center1" style="margin-bottom: 50rpx">
							<image src="@/static/mine/tc.png" style="width: 292rpx; height: 262rpx"></image>
						</view>
						<view style="font-weight: 400; font-size: 28rpx; color: #333333; text-align: center; margin-bottom: 80rpx">你确定要退出吗</view>
						<view class="flex-center1">
							<view
								class="flex-center1"
								style="width: 640rpx; height: 96rpx; background: #1365f9; border-radius: 16rpx; font-weight: 600; font-size: 32rpx; color: #ffffff"
							>
								确定
							</view>
						</view>
					</view>
				</u-popup>
			</view>
			<view class="">
				<!-- <view
					@click="setsf(1)"
					style="width: 686rpx; height: 132rpx; background: linear-gradient(270deg, #ffcb00 0%, #ff9c00 100%); border-radius: 16rpx; padding: 42rpx; margin-bottom: 32rpx"
				>
					<text style="font-weight: 600; font-size: 36rpx; color: #ffffff">切换为用人方 ></text>
				</view> -->
				<view
					@click="setsf(2)"
					style="width: 686rpx; height: 132rpx; background: linear-gradient(270deg, #b2b4ec 0%, #5f63e0 100%); border-radius: 16rpx; padding: 42rpx; margin-bottom: 32rpx"
				>
					<text style="font-weight: 600; font-size: 36rpx; color: #ffffff">切换为服务商 ></text>
				</view>
				<view @click="setsf(3)" style="width: 686rpx; height: 132rpx; background: linear-gradient(270deg, #cfed78 0%, #83c114 100%); border-radius: 16rpx; padding: 42rpx">
					<text style="font-weight: 600; font-size: 36rpx; color: #ffffff">切换为基地 ></text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			show: false
		};
	},
	onShow() {
		// console.log(this.$store.state.identity);
	},
	methods: {
		setsf(index) {
			this.$store.commit('setidentity', index);
			this.$tools.navigiteTo('/pages/index/index');
		}
	}
};
</script>

<style lang="less" scoped>
.mysf {
	padding: 200rpx 0 100rpx;
	min-height: 100vh;
}
</style>